<template>
  <div class="deng">
    <br />
    <!-- <img class="chahao" src="../../../public/images/36_03.jpg" alt="" /> -->
    <router-link to="/Shouye"
      ><span class="iconfont icon-fanhui"></span
    ></router-link>
    <img class="header" src="../../../public/images/37_03.jpg" alt="" />

    <span class="yidong">150****9464</span>
    <div class="middle">
      <router-link to="/Aboutme">
        <van-button class="haoma" @click="toLogin">本机号码一键登录</van-button>
      </router-link>
    </div>
    <div class="top">
      <input class="ocheck" type="checkbox" />
      <span class="ospan"
        >已阅读并同意 &nbsp; &nbsp; &nbsp;服务条款、隐私政策、<br />以及《中国移动认证条款》</span
      >
    </div>
    <div class="bottom">使用其他方式登录</div>
  </div>
</template>

<script>
// import axios from "axios";
export default {
  name: "dengluyemian",
  data() {
    return {
      // username:"13572461639",
    };
  },
  methods: {
    //   loginCheck(){
    //     let str={
    //       username:this.username,
    //     }
    //       axios({
    //         url:"vips",
    //         params:str
    //       })
    //       .then(res=>{
    //         if(res.data.length>0){
    //           localStorage.setItem("username",this.username);
    //           localStorage.setItem("token",res.data.token);
    //           console.log("登录成功");
    //         }else{
    //            console.log("登录失败");
    //         }
    //       })
    //       .catch(err=>{
    //         console.log("出错了",err);
    //       })
    //   },
    //   goBack(){
    //     this.$router.back();
    //   }
    toLogin() {
      // 编程式跳转
      this.$router.push("/Shouye");
    },
  },
};
</script>

<style scoped>
.chahao {
  width: 0.2rem;
  margin-top: 0.2rem;
  margin-left: -3.1rem;
}
.deng {
  font-size: 0.16rem;
  display: flex;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.header {
  height: 0.6rem;
  margin-top: 1rem;
}

.tel {
  font-size: 0.22rem;
  font-weight: 700;
  margin-bottom: 0.1rem;
}
.yidong {
  font-size: 0.3rem;
  color: black;
  margin-top: 0.2rem;
}

.middle {
  width: 3rem;
}
.top span {
  font-size: 0.12rem;
  color: rgb(161, 163, 165);
}

.haoma {
  background-color: #2e71f6;
  color: white;
  font-size: 0.2rem;
  margin: 0.3rem 0;
  width: 100%;
  height: 0.5rem;
  line-height: 0.5rem;
  box-sizing: border-box;
  border-radius: 0.11rem;
  padding: 0.1rem;
}
.ospan {
  margin-left: 0.06rem;
  font-size: 0.14rem;
}
.bottom {
  margin-top: 1.3rem;
  font-size: 0.12rem;
  color: rgb(168, 165, 165);
}

.oul {
  display: flex;
  width: 3.5rem;
  justify-content: space-around;
  margin-top: 0.3rem;
}

.icon-fanhui:before {
  content: "\e672";
  font-size: 0.33rem;
  margin-left: -3rem;
  color: black;
  margin-top: -1rem;
}
</style>